<template>
    <el-container class="main">
        <el-header height="64px">
            <!-- <div class="layout-logo">
                <img src="@/assets/images/logo.png">
            </div> -->
            <div class="layout-back">
                <ul>
                    <li><span><i class="le-icon le-icon-arrow-left"></i>返回店铺</span></li>
                </ul>
            </div>
        </el-header>
        <el-container class="main-body">
            <el-aside class="main-aside" width="96px">
                <ul>
                    <li>
                        <router-link :to="{path:'/finish/pages/tabbar'}" :class="{'active':is_active('/finish/pages/tabbar')}">
                            <i class="le-icon le-icon-bottom2"></i>
                            <span>
                                底部导航
                            </span>
                        </router-link>
                    </li>
                    <li>
                        <router-link :to="{path:'/finish/pages/index'}" :class="{'active':is_active('/finish/pages/index')}">
                            <i class="le-icon le-icon-wechat-page"></i>
                            <span>
                                微页面
                            </span>
                        </router-link>
                    </li>
                </ul>
            </el-aside>
            <el-main class="main-main">
                <keep-alive>
                    <router-view />
                </keep-alive>
            </el-main>
        </el-container>
    </el-container>
</template>
<script>
export default {
    methods: {
        is_active(path){
            if(this.$route.path==path){
                return true;
            }else{
                return false;
            }
        }
    }
}
</script>
<style lang="less">
@import './main.less';
</style>